@import "../assets/global-style.scss";
//父盒子
#wrap{
  // 全屏居中
  .xyc{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index: 999999;  //最高权限
  }
  //loading
  #loading {
    @extend .xyc;
    width:70px;
    height:70px;
    span{
      position: absolute;
      width: 70px;
      height: 70px;
      background: $theme-color;
      border-radius: 50%;
    }
    span:nth-child(1){
      animation: zoom1 1s linear infinite;
    }
    span:nth-child(2){
      animation: zoom2 1s linear infinite;
    }
  }
  //toast
  #toast{
    @extend .xyc;
    font-size: 18px;
    padding: 10px 18px;
    border-radius: 10px;
    background: linear-gradient(91deg,#f1eefc,#9dc6ff 70%,#a5bcff);
    color: darkred;
    animation: fade .5s linear 1s;
  }
}
//loading动画
@keyframes zoom1 {
  0%{
    transform: scale(.5);
    opacity: .5;
  }
  100%{
    transform: scale(.8);
    opacity: .3;
  }
}
@keyframes zoom2 {
  0%{
    transform: scale(.2);
    opacity: .8;
  }
  100%{
    transform: scale(.8);
    opacity: .5;
  }
}
// toast动画
@keyframes fade{
  0%{
    
  }
  100%{
    transform: translate(-50%,-50%) scale(0);
  }
}